﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Flexible Package | Admin Console</title>
<%@page import="java.util.*" %>
<%
	String Code = (String)session.getAttribute("LanguageCode");
	String SubCode = (String)session.getAttribute("LanguageSubcode");
    Locale locale = new Locale(Code, SubCode);
	ResourceBundle resource = ResourceBundle.getBundle("resource", locale);
%>

<link href="/css/Adminconsole/Main.css" rel="stylesheet" />
<link href="/css/custom/jquery-ui-1.9.1.custom.min.css" rel="stylesheet" />
<link href="/css/Adminconsole/pricemanager/pricemanager.css" rel="stylesheet" />
<link href="/css/Adminconsole/dialog.css" rel="stylesheet" />
<link href="/css/custom/loading.css" rel="stylesheet" />
<link href="/css/components/blocked/popup/popup.css" rel="stylesheet" />
<link href="/css/Adminconsole/pricemanager/tabs-ui.css" rel="stylesheet" />

<script src="/js/jquery-1.8.3.min.js"></script>
<script src="/js/jquery-ui-1.9.1.custom.min.js"></script>
<script src="/js/simpleservice.js"></script>
<script src="/js/adminconsole/PriceManager/flexiblepackage.js"></script>
<script src="/js/sharedData.js"></script>
<script src="/js/adminconsole/AdminShareData.js"></script>
<script src="/js/pointerDialog.js"></script>
<script src="/js/adminconsole/EditDialog.js"></script>
<script src="/js/loading.js"></script>
<script src="/js/adminconsole/PriceManager/tabs.js"></script>
<jsp:include page="/adminconsole/language.jsp" flush="true" />
</head>

<body>
	<header>
		<div class="brand">
			<div name="hotelName"><h2>iHotel</h2></div>
			<div name="pageName">Admin Console</div>
            	<jsp:include page="/adminconsole/menu.jsp" flush="true" />
		</div>
	</header>
	<div class="main">
		<div class="breadcrumb">
			<% out.print(resource.getString("AdminConsole.Page.PriceManager.flexpackagelist"));%>
		</div>
        <div class="destitle"><% out.print(resource.getString("AdminConsole.Page.PriceManager.suggest"));%></div>
		<div class="content">
			<table>
				<tr>
					<td style="padding-left:15%;" nowrap="nowrap">
						<div id="added" style="display:none;"><span id="addsuccess" class="link"></span>. <% out.print(resource.getString("AdminConsole.Page.PriceManager.addpackagesuccess"));%></div>
						<div id="edited" style="display:none;"><span id="editsuccess" class="link"></span>. <% out.print(resource.getString("AdminConsole.Page.PriceManager.editpackagesuccess"));%></div>
					</td>
				</tr>
			</table>
		<div id="tabContainer">
			<div id="tabs">
				<ul style="padding-left:10px;" id="tabfixedpackage">
					<li id="tabHeader_1"><span><% out.print(resource.getString("AdminConsole.Page.PriceManager.flexpackagelist"));%>(<span id="counterFixed">0</span>)</span></li>
					<li id="tabHeader_2"><% out.print(resource.getString("AdminConsole.Page.PriceManager.archivedflexlist"));%>(<span id="counterArchivedFixed">0</span>)</li>
				</ul>
			</div>
			<div id="tabscontent">
				<div class="tabpage" id="tabpage_1">
					<span id="tableFlex">
							<table cellpadding="0" cellspacing="0" >
								<tr>
									<td>
										<span class="titlelist"><% out.print(resource.getString("AdminConsole.Page.PriceManager.flexpackagelist"));%></span>
									</td>
								</tr>
								<tr><td>&nbsp;</td></tr>
								<tr>
									<td>
										<span><input  class="addbtn" name="addtaxes" value="<% out.print(resource.getString("AdminConsole.Page.PriceManager.addpackage"));%>" type="button" onClick="addFlexPackage();" ></span>
									</td>
								</tr>
								<tr>
									<td class="tableheadtop">
										<span style="padding-left:10px"><input class="deletebtn" name="deletetaxes" value="<% out.print(resource.getString("AdminConsole.Page.PriceManager.delpackage"));%>" type="button" onClick="deleteFixedPackage()"><input class="deletebtn" name="archive" value="<% out.print(resource.getString("AdminConsole.Page.PriceManager.archive"));%>" type="button" onClick="changearchived()"></span>
										<span style="float:right"><input name="" type="text" placeholder="Search Package"></span>
									</td>
					
								</tr>
								<tr>
									<td><div class="headarraow">&nbsp;</div>
									</td>
								</tr>
								<tr>
									<td>
										<table align="center" cellpadding="0" cellspacing="0" id="showList">
												<tr>
													<td class="tablehead titlecenter"><strong>#</strong></td >
													<td class="tablehead titleleft">
													<input type="checkbox" id="checkall" value="checkbox" onClick="toggleSelect()">
													<label for="checkbox5" name="checkbox5"></label>
													</td >
													<td class="tablehead titleleft"><% out.print(resource.getString("AdminConsole.Page.PriceManager.package"));%></td>
													<td class="tablehead titleleft"><% out.print(resource.getString("AdminConsole.Page.RoomTypes"));%></td>
													<td class="tablehead titlecenter"><% out.print(resource.getString("AdminConsole.Page.PriceManager.packagetime"));%></td>
													<td class="tablehead titlecenter" ><% out.print(resource.getString("AdminConsole.Page.center.action"));%></td>
													<td class="tablehead titlecenter"><% out.print(resource.getString("AdminConsole.Page.center.status"));%></td>
											   </tr>
										</table>
									</td>
								</tr>
							</table>
						</span>
						<span id="addtableFlex" style="display:none;"></span>
				</div>
				<div class="tabpage" id="tabpage_2">
                <span id="tableFlexArchived" style="display:;">
				<table cellpadding="0" cellspacing="0" >
						<tr>
							<td>
								<span class="titlelist"><% out.print(resource.getString("AdminConsole.Page.PriceManager.ArchivedFixedList"));%></span>
							</td>
						</tr>
						<tr><td>&nbsp;</td></tr>
						<tr>
							<td class="tableheadtop">
								<span style="padding-left:10px">
									<input class="restorebtn" name="archive" value="<% out.print(resource.getString("AdminConsole.Page.PriceManager.archive"));%>" type="button" onClick="restorearchived()">
								</span>
								<span style="float:right">
									<input name="" type="text" placeholder="Search Package">
								</span>
							</td>
			
						</tr>
						<tr>
							<td><div class="headarraow">&nbsp;</div>
							</td>
						</tr>
						<tr>
							<td>
								<table align="center" cellpadding="0" cellspacing="0" id="showListArchived">
												<tr>
													<td class="tablehead titlecenter"><strong>#</strong></td >
													<td class="tablehead titleleft">
													<input type="checkbox" id="checkall" value="checkbox" onClick="toggleSelect()">
													</td >
													<td class="tablehead titleleft"><% out.print(resource.getString("AdminConsole.Page.PriceManager.package"));%></td>
													<td class="tablehead titleleft"><% out.print(resource.getString("AdminConsole.Page.RoomTypes"));%></td>
													<td class="tablehead titlecenter"><% out.print(resource.getString("AdminConsole.Page.PriceManager.packagetime"));%></td>
													<td class="tablehead titlecenter" ><% out.print(resource.getString("AdminConsole.Page.center.action"));%></td>
											   </tr>
										</table>
							</td>
						</tr>
					</table>
                    </span>
                    <span id="addtableFlexArchived" style="display:none;"></span>
				</div>
			</div>
		</div>
		</div>
	</div>
    <div id="loadingScreen"></div>
    <div id="BlankDialog" style="display:none; padding:5px 0 0 10px;">
	</div> 
	<script>
	callDatePicker();
	$(showFlexiblePackage());
		$("#tabfixedpackage li").click(function() {
			if($(this).attr("id")=="tabHeader_2"){
				showArchivedFlexiblePackage();
				$("[id=tableFixed]").attr("style","display:");
				$("[id=addtableFixed]").attr("style","display:none;");
			}else if($(this).attr("id")=="tabHeader_1"){
				$("[id=addtableFlexArchived]").attr("style","display:none;");
				$("[id=tableFlexArchived]").attr("style","display:");
				showFlexiblePackage();
			}
		});		
	</script>
</body>
</html>